<template>
  <el-col
    :xs="props.xs"
    :sm="props.sm"
    :md="props.md"
    :lg="props.lg"
    :xl="props.xl"
    :span="props.span"
    ><slot></slot
  ></el-col>
</template>

<script setup name="MyCol">
const props = defineProps({
  span: {
    default: undefined,
  },
  xs: {
    default: 12,
  },
  sm: {
    default: 8,
  },
  md: {
    default: 6,
  },
  lg: {
    default: 6,
  },
  xl: {
    default: undefined,
  },
});
</script>

<style lang="scss" scoped></style>
